//index.js
//获取应用实例


Page({
  data: {
    result : '',
    num1 : 0,
    num2 : 0
  },

  // 第一种 为两个input组件绑定不同事件处理函数

  num1 : 0,
  num2 : 0,
  num1change : function(e){
    this.num1 = Number(e.detail.value);
    console.log('第一个数字为：'+this.num1);
  },
  num2change : function(e){
    this.num2 = Number(e.detail.value);
    console.log("第二个数字为: "+this.num2);
  },

  compare : function(){
    var str = '两数相等';
    if(this.num1>this.num2){
      str = "第一个数大";
    }else if(this.num1<this.num2){
      str = "第二个数大";
    }
    this.setData({result : str})
  },


// 第二种 为两个input组件绑定相同事件处理函数

  // change : function(e){
  //   this[e.currentTarget.id] = Number(e.detail.value);
  // },
  // compare: function () {
  //   var str = '两数相等';
  //   if (this.num1 > this.num2) {
  //     str = "第一个数大";
  //   } else if (this.num1 < this.num2) {
  //     str = "第二个数大";
  //   }
  //   this.setData({ result: str })
  // },




  // 第三种 在页面中直接进行比较 第四 通过条件渲染
  // change3 : function(e){
  //   var data = {};
  //   data[e.target.dataset.id]= Number(e.detail.value);
  //   this.setData(data);
  // }

// 第四种
  // <view>
//   < !--使用 条件渲染-- >
//   <block wx: if="{{num1>num2}}">
//     <text>比较结果：第一个数大</text>
//   </block>
//   <block wx: elif="{{num1<num2}}">
//     <text>比较结果：第二个数大</text>
//   </block>
//   <block wx: else>
//     <text>比较结果：两数相等</text>
//   </block>
// </view > 


  //第五种  通过表单获取input组件的值  有问题还没解决
//  formCompare: function(e){
//    var str = "两数相等";
//    var num1 = Number(e.detail.value.num1);
//    var num2 = Number(e.detail.value.num2);
//    if(num1>num2){
//      str ="第一个数大";
//    }else if(num1<num2){
//      str = "第二个数大"
//    }
//    this.setData({result : str})
//  },

  


})
